

root { 
    display: block;
}

body {

-x-system-font:none;
border-top:3px solid #1a4441;
background-color: #97b49e;
margin:0px 0px 0px 0px;
background-image:url('../images/bg_main.gif') ;
height:100%;
padding:0;
}


/*  lien */

a{
	color: #DCE5FF;
	text-decoration: none;
}

a:link{
	color: #394761;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #0033FF;
	text-decoration: none;
}

/* Titres */


h1{
	font-family: Verdana, Arial, sans-serif;
	font-size: 150%;
	color: #334d55;
	margin: 0px;
	text-align: left;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;
}

h2{
	font-family: Arial, sans-serif;
	font-size: 130%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: 500;
	line-height: 150%;

}

h3{
	font-family: Arial, sans-serif;
	font-size: 110%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/* p */
p {
    font-family:Georgia,"Courier New", "New Roman", Verdana, Serif;/*Verdana,Arial,Helvetica,sans-serif; */
    line-height:20px;
    font-size:13.5px;
    padding-left:10px;
   }
/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

li {
	margin: 0px;
	padding: 0;
}

/* label */
label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/* Divers style */
pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}

pre {
	width: 90%;
	overflow: auto;
	overflow-y:hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}

/*  . div elements  */

/* tieu de */

.title  {

	padding-top:10px;
	text-align:center;
	font-size: 129%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3c73b3;
    text-decoration:underline;

}

/* message */
.message {

        padding:5px 0 0 0;
        background:transparent url("../images/top.gif") top repeat-x scroll;

        display: block;
        border-left-style:solid;
        border-left-color:#ffffff;
        border-right-style:solid;
        border-right-color:#ffffff;
}
/* dung ket hop voi message de su dung 2 background top va bottom.gif */
.message span{

           padding-bottom:50px;
           background:transparent url("../images/bottom.gif") bottom repeat-x scroll;

           display: block;
    }

/* box contenue */

.box{

    background:#ffffff none repeat scroll 0 0;
    padding:5px;
}
.box .box_content{
        margin-left:15px;
        margin-right:15px;
        padding-left:10px;
        padding-right:5px;

        border-right-style:dashed;
        border-right-width:1px;
        border-right-color:gray;
        padding-bottom:5px;
        background:transparent url('../images/bg_right_col.jpg') repeat-y scroll right ;
}
.box .box_content li{
    margin:10px;
	padding: 0;
    }
/* infos contenue */

.infos{
    padding-top:5px;
    padding-left:2px;
    background:#DFDFDF none repeat scroll 0 0;
    border:2px dotted #cacbca;
    color:black;
    text-align:justify;
    line-height:1.4em;

}
.infos h2{

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background:#D9C39D none repeat scroll 0 0;
    border:0 none;
    color:#A54D33;
    font-size:100%;
    margin:0;
    text-align:center;
}



.colonne {display:table-cell; width:23em; padding-top:0px}
.colonne:first-child {background:#e6e2af}
.colonne+.colonne {border-left:2px solid #fff; background:#efecca;display:inline-block;}

.infos TABLE {
        font-family:Georgia,"Courier New", "New Roman", Verdana, Serif;
}
.infos tr{
       background-color:#ffffff;
}

/* définition style du text  */
.textPetitRouge{

	font:11px arial;
	color:#FF0000;
	line-height:12px;
	}

/* text médium  color rouge*/
.textMediumRouge {

	font:14px arial;
	color:#FF0000;
	line-height:14px;
	}

/* Grande text  color rouge*/
.textGrandeRouge {

	font:18px arial;
	color:#FF0000;
	line-height:24px;
	}
/* petit text */

.smallText {

	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color: #000000;
	line-height:18px;
	}

/*moyen text  */
.mediumText {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color: #000000;
	line-height:18px;
	}

/* grande text */
.grandeText {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color: #000000;
	line-height:18px;
	}
/* couleur rouge*/
.rouge {
    color:red;
}

/* cot phai medium text*/
.mediumText_cr {
	font-family: "Times New Roman", Times, serif;
    font-size: 16px;
	font-weight:bold;
	color: #000000;
	line-height:18px;
	word-spacing: 5px;
	}
/* dropcap*/
.dropcap {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: oblique;
	line-height: 15px;
	color: #006699;
/*	letter-spacing: 5px;
	word-spacing: 15px; */
}
/* indent */
.pIdent {

	text-indent: 15px;
}
/* paragraphe */
.para {
	font-family: "Times New Roman", Times, serif;
    font-size: 14px;
}

/* paragraphe right col */
.para_cr{
	letter-spacing: 5px;
	text-align: center;
	display: block;
}

/* centrer et border */
.center{ text-align:center;}
.centrer td{text-align:center;}
.centrer tr{text-align:center;}
.border_right { border-right: solid 1px;}
.border_left {  border-left: solid 1px;}
.border_top { border-top: solid 1px;}
.border_bottom { border-bottom:solid 1px;}
.hidden { position: relative ; width: 95% ; height: 80% ; overflow: hidden ; background-color : #CCFFFF ; padding:3px ; font-size: 10pt ; }


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


/*  MAIN  PAGE */
#Page div {
    display:block;
}
#Page {

    position:absolute;
	left:150px;
	top:140px;
	width:60.3em;
	height:auto;
	z-index:5;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;


}

/* colone gauche */
#cot_trai {

    background:none; /* #8dc063;*/
	float: left;
	min-height:100%;
	width: 47.5em;
}
/* layout content */
#content {

	 padding:0 0 0 0;
	 background-color:#cacbca;
    -moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
     border-left:double 3px #ffffff;
	 border-right:double 3px #ffffff;
     border-bottom:double 1px #ffffff;
     border-top:double 1px #ffffff;
}
/* colone droite */
#cot_phai {

	float: left;
	width: 200px;
	height:auto;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
/*	background-color:#ffffff; */
	border:solid 1px #CCCCCC;
}

/*******************************************************************/
/*    /* HEADER  Phan header bao gom feader left va header right  */
/*         										                  */
/******************************************************************/


#Header {
	position:absolute;
	left:150px;
	top:4px;
	width:60.3em;
	height:100px;
	z-index:1;
	display: table-header-group;
	background-color:#FFFFFF;
    border: 1px solid #000000;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;


}

#Header_button {
	position:absolute;
	width:162px;
	height:74px;
	z-index:1;
	top: 22px;
	float:right;
	left: 789px;
}

/*  END Dinh nghia thanh phan cua  HEADER   */

/***********************************************/
/*      /* MENU BAR              			   */
/***********************************************/



#Menu {
	position:absolute;
	left:150px;
	top:107px;
	width:60.3em;
	height:30px;
	z-index:4;
	background:#414141 repeat scroll 0 0;

	-moz-border-radius:0.3em;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height:32px;
    border: 1px solid #000000;

}

/***********************************************/
/*  /*footer  							       */
/***********************************************/



#footer {
	clear: left;
	width: 100%;
	background:transparent url('../images/bg1.gif');
	text-align: center;
	height:50px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;


}

#footer_menu {
    clear: left;
	width: 100%;
	color: #FFF;
	text-align:center;
	height:40px;

    padding:3px;
	background:#B4B4B4 repeat scroll 0 0;
      /*  background:url('../images/bg1.gif')  repeat-x scroll 0 0 ; */

}

/***********************************************/
/*              ELEMENT LAYOUT                 */
/***********************************************/

#cot_phai #content_cot_phai{



    background:transparent url('../images/bg_right_col.jpg') repeat-y scroll right ;
    background-color:#d8e2ee;
    min-height:340px;
    max-height:100%;

    overflow:hidden;
}

#cot_trai a{
	color: #DCE5FF;
	text-decoration:underline;
}

#cot_trai a:link{
	color: #394761;
	text-decoration: none;
}

#cot_trai a:visited{
	color: #006699;
	text-decoration: none;
}

#cot_trai a:hover{
	color: #0033FF;
	text-decoration: none;
}

/***********************************************/
/*       /* left column definition             */
/***********************************************/



/* left column TBODY */
.message TBODY{

	background-color:#BEBEBE;
	text-align:justify;
	color:#FFFFCC;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

/* left column  TFOOT */
.message TFOOT{
	background-color:#BEBEBE;
}

/* left column  table */
.message table{

	border:2px;
	border-width:3px;
	border-bottom-color:#0000CC;
}

/* left column  TH */
.message th{

	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-variant:small-caps;
	background-color:#DADADA;
}

/* left column TR */
.message tr{

	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-variant:small-caps;
    color:white;
}

/* left column  TD */
.message td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-variant:small-caps;
    font-weight:bold;
    color:black;
}

.message table img {
border:1px dashed gray;
margin-right:8px;
}

#cot_trai h1{

	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	color:#3c73b3;
	line-height:18px;
}
#cot_trai h2{

	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#3c73b3;
	line-height:18px;

}
#cot_trai h3{

    padding-left:15px;
    padding-top:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#3c73b3;
	line-height:18px;
}
#cot_trai h5{

    padding-left:15px;
    padding-top:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#3c73b3;
	line-height:18px;
}

#cot_trai blockquote{

	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	color:#666666;
	font-weight:bold;
	padding-left:50px ;
}
/*       */


#cot_phai TBODY{

	background-color:#BEBEBE;
	text-align:justify;
	color:#FFFFCC;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

/* left column  TFOOT */
#cot_phai TFOOT{
	background-color:#BEBEBE;
}

/* left column  table */
#cot_phai table{

	border:2px;
	border-width:3px;
	border-bottom-color:#0000CC;

}

/* left column  TH */
#cot_phai th{

	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-variant:small-caps;
	background-color:#DADADA;
}

/* left column TR */
#cot_phai tr{

	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-variant:small-caps;
    color:white;
}

/* left column  TD */
#cot_phai td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-variant:small-caps;
    font-weight:bold;
    color:black;
}

#cot_phai table img {
border:1px dashed gray;
margin-right:8px;
}


#content_cot_phai .infos{
    padding-top:5px;
    padding-left:2px;
    background:none;
    border:2px dotted #cacbca;
    color:black;
    text-align:justify;
    line-height:1.4em;

}
#content_cot_phai .infos h3{

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background:#D9C39D none repeat scroll 0 0;
    border:0 none;
    color:#A54D33;
  /*  font-size:100%;*/
    margin:0;
    text-align:center;

}

/* underline menu */
.underlinemenu{

	font-weight: bold;
	font-size:14px;

}

.underlinemenu ul{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left; /* set value to "left", "center", or "right" */
}

.underlinemenu ul li{
    display: inline;
}

.underlinemenu ul li a{
	color: #000000;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 3px solid #2e619a; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{

        border-left: 3px inset white;
        border-right: 3px solid white;
        border-bottom-color:white;
        color:white;
}
/* END  underline menu */

/*  pour le button  situé dans le banner */

a.squarebutton{
background:url('images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background:url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* END  pour le button  situé dans le banner */

/* footer element */
#footer ul li {

		float:left;
		margin-left:2em;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
}

#footer ul a, #footer ul a.selected {

	-x-system-font:none;
	border-right:1px solid #959473;
	display:inline;
	float:left;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1em;
	padding:0.7em;
	text-decoration:none;

	text-transform:uppercase;
}

#footer ul a.selected, #footer a.selected:hover {

	background:#CC3300;
	color:#595843;

}

#footer ul a:hover {
background-color:#666449;
color:#FFFFFF;
}

#footer a{
	color: #000000;
	text-decoration:none;

}

#footer a:hover{


		color: #666666;
		text-decoration:underline;
}

/*  footer menu et ses elements */


#footer_menu ul li {

		float:left;
		margin-left:0;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;

}

#footer_menu ul a, #footer ul a.selected {


	border-right:1px solid #959473;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1em;

    padding:0.7em ;
	text-decoration:none;
	text-transform:uppercase;
}

#footer_menu ul a.selected, #footer a.selected:hover {

	background:#CC3300;
	color:#595843;

}

#footer_menu ul a:hover {
background-color:#666449;
color:#FFFFFF;
}

#footer_menu a{

		margin-top:2px;
		color: #FFFFFF;
		text-decoration:none;
}

#footer_menu a:hover{


		color: #FFFF00;
		text-decoration:underline;
}

#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: center;
}
#copyright a:hover{
	    color: #666666;
		text-decoration:underline;
}
/***********************************************/
/*  /*LOGIN FORM   et ses elements  		   */
/***********************************************/

#login {
	padding: 5px;

}

#login form {
	margin: 0;
	padding: 20px 0 0 0;
}

#login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#login label {
	color: #333333;
}

#inputtext1, #inputtext2 {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
#inputsubmit {
	margin-bottom: .5em;
	font: bold 65% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#login a {
	color: #0093FF;
    text-decoration:underline;
}

#login a:hover{
	color: #FF0000;
    text-decoration:underline;
}

/***************************************************************************************/
/*  /*       drop down shadow      				                                       */
/* 																			          **/
/*					 <div class=back>											      */
/*  				    <div class=section>										     **/
/*   					     <h2>PAREGRAPH</h2>									     */
/*   						 <address>Heinrich Heine (1797-1856)</address>		   **/
/*    					     <p>Die Rose duftet - doch ob sie empfindet<br>		  ***/
/*  			      </div>
/*			      </div>	      													 */
/***************************************************************************************/
div.back {
width:inherit;
background: #615A7F;
}
div.section {
	background: #60637F;
	width:inherit;
}
div.back {padding: 0.2em}
div.section {margin: -2em 0.2em 0 -0.3em}




/* _________________________________________________________________________________________________________________________ */

/* divers */


